/* pages/home/home.wxss */
.scrollarea {
  .swiper {
    width: 100%;
    height: 420rpx;
    image{
      width: 100%;
      height: 420rpx;
    }
  }

  .resource-title {
    display: flex;
    align-items: center;
    padding: 30rpx;
    .title {
      font-size: 40rpx;
      color: #222222;
      position: relative;
      font-weight: 500;
      letter-spacing: 1rpx;
      position: relative;

      &::after {
        content: '';
        display: block;
        width: 158rpx;
        height: 18rpx;
        border-radius: 8rpx;
        background: linear-gradient(to right, #f6e6e3, #ef9994);
        position: absolute;
        bottom: 5rpx;
        left: 0;
        z-index: -1;
      }
    }

    .title-bar {
      display: block;
      width: 22rpx;
      margin-left: 20rpx;
      padding-top: 6rpx;
    }
  }
  .resource-item {
    .cover{
      width: 100%;
    }
    image {
      width: 100%;
    }
    .info{
      padding: 25rpx 15rpx;
      background: #ffffff;
      box-shadow: 0rpx 0rpx 30rpx 8rpx rgba(194,194,194,0.14);
      border-radius: 15rpx;
      .title{
        color: #949494;
        font-size: 26rpx;
        margin-bottom: 25rpx;
      }
      .self{
        display: flex;
        align-items: center;
        justify-content: space-between;
        .self-l{
          display: flex;
          align-items: center;
          font-size: 20rpx;
          .avatar{
            display: block;
            width: 64rpx;
            height: 64rpx;
            border-radius: 32rpx;
          }
          .brief{
            margin-left: 10rpx;
            max-width: 150rpx;
            .name{
              color: #333333;
              padding-bottom: 8rpx;
            }
            .time{
              color: #959595;
            }

          }
        }
        .self-r{
          display: flex;
          align-items: center;
          color: #333333;
          .icon-aixin1{
            color: #FF4B4B;
          }
          .count{
            margin-left: 5rpx;
          }
        }
      }
    }
  }

  .block-bottom{
    height: env(safe-area-inset-bottom);
  }
}